﻿$(document).ready(function () {
    $("#QHV").click(function () {
        var html = "<li class='active'>" +
							"<a href='#' class='dropdown-toggle'>" +
                                "<i class='icon-map-QHV'></i>" +
								"<span class='menu-text'> Bản đồ quy hoạch</span>" +
                                "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
						"<ul class='submenu'>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Vị trí và mối liên hệ vùng</span>" +
							"</a>" +
						"</li>" +

						"<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng phân bố dân cư và sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển không gian</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng cấp điện</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển hệ thống cấp điện</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng cấp nước</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển hệ thống cấp nước</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng chuẩn bị kỹ thuật</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#' class='dropdown-toggle'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng giao thông</span>" +
                                "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
                            "<ul class='submenu'>" +
												"<li>" +
													"<a href='#'>" +
														"<i class='icon-double-angle-right'></i>" +
                                                        "Bản đồ ảnh" +
                                                    "</a>" +
                                                "</li>" +
												"<li>" +
													"<a href='#'>" +
														"<i class='icon-double-angle-right'></i>" +
                                                        "Bản đồ số" +
                                                    "</a>" +
                                                "</li>" +
                            "</ul>" +
						"</li>" +
                        "<li>" +
							"<a href='#' class='dropdown-toggle'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển giao thông</span>" +
                                "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
                            "<ul class='submenu'>" +
                                                "<li>" +
                                                    "<a href='#'>" +
                                                        "<i class='icon-double-angle-right'></i>" +
                                                        "Bản đồ ảnh" +
                                                    "</a>" +
                                                "</li>" +
                                                "<li>" +
                                                    "<a href='#'>" +
                                                        "<i class='icon-double-angle-right'></i>" +
                                                        "Bản đồ số" +
                                                    "</a>" +
                                                "</li>" +
                            "</ul>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng môi trường</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Đánh giá môi trường chiến lược</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng thoát nước thải và vệ sinh môi trường</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển hệ thống thoát nước thải, quản lý chất thải rắn, nghĩa trang</span>" +
							"</a>" +
						"</li>" +
                        "</ul>" +
                        "</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-document-thinkgeo'></i>" +
								"<span class='menu-text'> Tài liệu, văn bản</span>" +
							"</a>" +
						"</li>";
        $("#listnav").html(html);
    });
    

    $("#QHC").click(function () {
        var html = "<li class='active'>" +
							"<a href='#' class='dropdown-toggle'>" +
                                "<i class='icon-map-QHC'></i>" +
								"<span class='menu-text'> Bản đồ quy hoạch</span>" +
                                 "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
						"<ul class='submenu'>"+
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Vị trí và liên hệ vùng</span>" +
							"</a>" +
						"</li>" +
						"<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng chuẩn bị kỹ thuật và đánh giá đất xây dựng</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng cấp nước, nghĩa trang, quản lý chất thải rắn</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng cấp điện</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng giao thông</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển không gian đô thị</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phát triển giao thông</span>" +
							"</a>"+
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch chuẩn bị kỹ thuật</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch cấp nước</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng cấp điện</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch thoát nước thải, quản lý chất thải rắn, nghĩa trang</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Đánh giá môi trường chiến lược</span>" +
							"</a>" +
						"</li>" +
                        "<li>"+
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Định hướng phân vùng cảnh quan</span>" +
							"</a>" +
						"</li></ul></li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-document-thinkgeo'></i>" +
								"<span class='menu-text'> Tài liệu, văn bản</span>" +
							"</a>" +
						"</li>";
        $("#listnav").html(html);
    });
    $("#QHCT").click(function () {
        var html = "<li>" +
							"<a href='#' class='dropdown-toggle'>" +
                                "<i class='icon-map-QHCT'></i>" +
								"<span class='menu-text'> Tiểu khu 2</span>" +
                                 "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
						"<ul class='submenu'>" +

						"<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Vị trí và giới hạn khu đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng kiến trúc cảnh quan và đánh giá quỹ đất xây dựng</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hiện trạng hệ thống hạ tầng kỹ thuật</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Cơ cấu sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Tổ chức không gian kiến trúc và cảnh quan</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch giao thông</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> San nền và thoát nước mưa</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hệ thống cấp nước</span>" +

							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hệ thống thoát nước thải và vệ sinh môi trường</span>" +

							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hệ thống cấp điện và thông tin liên lạc</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Hồ sơ chỉ giới đường đỏ và chỉ giới xây dựng</span>" +
							"</a>" +
						"</li>"  +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "</ul></li>" +
            
                        "<li class='active'>" +
							"<a href='#' class='dropdown-toggle'>" +
                                "<i class='icon-map-QHCT'></i>" +
								"<span class='menu-text'> Tiểu khu 5</span>" +
                                 "<b class='arrow icon-angle-down'></b>" +
							"</a>" +
						"<ul class='submenu'>" +

						"<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Vị trí và giới hạn khu đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Đánh giá hiện trạng kiến trúc cảnh quan và quỹ đất xây dựng</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Đánh giá hiện trạng hạ tầng kỹ thuật và vệ sinh môi trường</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch tổng mặt bằng sử dụng đất</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch giao thông, chỉ giới đường đỏ và chỉ giới xây dựng</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch chuẩn bị kỹ thuật</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch hệ thống cấp nước</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch thoát nước thải, vệ sinh môi trường và nghĩa trang</span>" +

							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quy hoạch hệ thống cấp điện và chiếu sáng đô thị</span>" +

							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Tổng hợp đường dây, đường ống kỹ thuật</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Thiết kế đô thị</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                 "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Đánh giá tác động môi trường và hiện trạng môi trường của khu vực quy hoạch</span>" +
							"</a>" +
						"</li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-double-angle-right'></i>" +
								"<span class='menu-text'> Quan trắc môi trường giai đoạn xây dựng và hoạt động</span>" +
							"</a>" +
						"</li>" +
                        "</ul></li>" +
                        "<li>" +
							"<a href='#'>" +
                                "<i class='icon-document-thinkgeo'></i>" +
								"<span class='menu-text'> Tài liệu, văn bản</span>" +
							"</a>" +
                            
						"</li>";
        $("#listnav").html(html);
    });
});